@charset "UTF-8";

@import url("header.css");
@import url("footer.css");
@import url("input.css");
@import url("table.css");
@import url("msg.css");
@import url("button.css");
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,dt,dd,ol,ul,li,fieldset,form,label,table,tbody,tfoot,tr,th,td{
	margin:0;
	padding:0;
	outline:none;
	border:none;
}

body{
	background:url(../images/common/bg.png) no-repeat center fixed;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	font:12px Arial, Helvetica, sans-serif;
	color:#333333;
	text-align:justify;
}

.headerContent, .bodyContent, .footerContent{
	align:center;
}
.headerContent{
	background-color: #3A3839;
	height:130px;
}
.bodyContent{
	height:auto;
	min-height: 500px;
	float: none;
}
.footerContent{
	margin-top:10px;
	position:relative;
}
.divLeftPanel{
	margin-top:10px;
	border: 1px #999 solid;
	max-width: 190px;
	width: 190px;
	min-width: 190px;
	overflow: none;
	padding:10px;
	
	background-image: -webkit-gradient(
	    linear,
	    left top,
	    left bottom,
	    color-stop(0.08, #FFFFFF),
	    color-stop(0.7, #EFF0EB),
	    color-stop(0.8, #F0F0F0)
	);
	background-image: -moz-linear-gradient(
	    center top,
	    #FFFFFF 8%,
	    #EFF0EB 70%,
	    #F0F0F0 80%
	);
	background-color:#EFF0EB;
	border-radius:5px;
  	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
  	-o-border-radius:5px;
  	-khtml-border-radius:5px;
}
.divRightPanel{
	padding-left: 20px;
	vertical-align: top;
	width:750px;
	max-width: 750px;
	min-width: 750px;
	display: block;
	float: left;
}
.divRightPanel .panelHeader{
	height:30px;
	font-size:16px;
	font-weight:bolder;
	text-transform:uppercase;
	text-align:left;
	text-indent:50px;
	color:#DA251D;
	vertical-align:middle;
	padding-top:10px;
	background-image: -webkit-gradient(
	    linear,
	    left top,
	    right top,
	    color-stop(0, #E5E8E5),
	    color-stop(0.21, #FBFFFA)
	);
	background-image: -moz-linear-gradient(
	    left center,
	    #E5E8E5 0%,
	    #FBFFFA 21%
	);
	background-color:#E5E8E5;	
	box-shadow:#999 2px 2px 10px;
	-moz-box-shadow:#999 2px 2px 10px;
  	-o-box-shadow:#999 2px 2px 10px;
  	-webkit-box-shadow:#999 2px 2px 10px;
  	-khtml-box-shadow:#999 2px 2px 10px;
}
.divRightPanel .divCompactItem{
	width:165px;
	height:230px;
	margin:10px;
	float:left;
	background-image: -webkit-gradient(
	    linear,
	    left top,
	    left bottom,
	    color-stop(0.08, #FFFFFF),
	    color-stop(0.7, #EFF0EB),
	    color-stop(0.8, #F0F0F0)
	);
	background-image: -moz-linear-gradient(
	    center top,
	    #FFFFFF 8%,
	    #EFF0EB 70%,
	    #F0F0F0 80%
	);
	background-color:#EFF0EB;
	border-radius:5px;
  	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
  	-o-border-radius:5px;
  	-khtml-border-radius:5px;
  	box-shadow:#999 2px 2px 10px;
	-moz-box-shadow:#999 2px 2px 10px;
  	-o-box-shadow:#999 2px 2px 10px;
  	-webkit-box-shadow:#999 2px 2px 10px;
  	-khtml-box-shadow:#999 2px 2px 10px;
}
.divCompactItem >table{
	width:100%;
	text-align: center;
}
.divCompactItem >table tr:first-child td{
	height:30px;
	color:#3A3839;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}
.divCompactItem table tr:nth-child(2) td{
	height:150px;
}
.divCompactItem table tr:nth-child(2) td img{
	height:130px;
	width:130px;
}
.divCompactItem table tr:nth-child(3) td{
	height:30px;
	color:#DA251D;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}
.container{
	margin:0 auto;
	margin-top:10px;
	width:990px;
	height:auto;
}

#divLogin{
	top:5px;
	position: absolute;
	z-index: 20;
	background-color: white;
	border-radius:8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  -khtml-border-radius:8px; 
}


/*TOOLTIPS*/
a.tooltip:after{
	font:10px Arial,Georgia,sans-serif;
	content: attr(tip);
	display:none;
	position:absolute;
	padding:5px 10px;
	top:0px;
	margin:1em 0 3em;
	color:#fff;
	background:#075698;
	left:-20px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background:-webkit-gradient(linear, left top, left bottom, from(#3d3b3b), to(#292929));
	background:-moz-linear-gradient(top, #3d3b3b, #292929);
	background:-o-linear-gradient(top, #3d3b3b, #292929);
	background:linear-gradient(top, #3d3b3b, #292929);
	-moz-box-shadow: 0px 0px 4px #000; /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 4px #000; /* Saf3.0+, Chrome */
	box-shadow: 0px 0px 4px #000; /* Opera 10.5, IE 9.0 */
	filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#000')"; /* IE8 */
}
 
/* creates triangle */
a.tooltip:before{
	z-index:13;
	position:absolute;
	content:"\00a0";
	display:none;
	width:0;
	height:0;
	border-style:solid;
	top:-3px;
	left:0px;
	border-width:15px 7px 15px 7px;
	border-color:transparent transparent #3d3b3b;
}
 
a.tooltip:hover::before{
	display:block;
}
 
a.tooltip:hover{
	z-index:10;
	position:relative;
}
 
a.tooltip:hover::after{
	min-width:100px;
	display:block;
	margin:25px 0 0 10px;
	text-align:left;
}
.headermenu{
	color: white;
	font-weight: bold;
	font-size: 9pt;
	cursor: pointer;
}

table.userList{
	border-width: 1px;
	border-spacing: 2px;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}

table.userList td {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	-moz-border-radius: ;
}